/* eslint-disable indent */
/* eslint-disable no-inner-declarations */

import imgLeft from '@/assets/images/ic_left.svg';
import imgRight from '@/assets/images/ic_right.svg';
import imgUp from '@/assets/images/ic_up.svg';
import imgDown from '@/assets/images/ic_down.svg';
import topImage from '@/assets/images/ic_shangxia.svg';
import leftImage from '@/assets/images/ic_zuoyou.svg';
import rightImage from '@/assets/images/ic_youzuo.svg';

import fixedDashStyleImg1 from '@/assets/images/fixeddash1.png';
import fixedDashStyleImg2 from '@/assets/images/fixeddash2.png';

import layImg1 from '@/assets/images/ic_lay1.svg';
import layImg2 from '@/assets/images/ic_lay2.svg';
import layImg3 from '@/assets/images/ic_lay3.svg';
import layImg7 from '@/assets/images/ic_lay7.svg';
import layImg4 from '@/assets/images/ic_lay4.svg';
import layImg5 from '@/assets/images/ic_lay5.svg';
import layImg6 from '@/assets/images/ic_lay6.svg';
import layImg8 from '@/assets/images/ic_lay8.svg';

import menu1 from '@/assets/images/menu_1.svg';
import menu2 from '@/assets/images/menu_2.svg';
import menu3 from '@/assets/images/menu_3.svg';
import menu4 from '@/assets/images/menu_4.svg';
import menu5 from '@/assets/images/menu_5.svg';
import menu6 from '@/assets/images/menu_6.svg';
import menu7 from '@/assets/images/menu_7.svg';
import menu8 from '@/assets/images/menu_8.svg';

import menu13 from '@/assets/images/menu_1_3.svg';
import menu23 from '@/assets/images/menu_2_3.svg';

import banner1 from '@/assets/images/banner_1.svg';
import banner2 from '@/assets/images/banner_2.svg';
import banner3 from '@/assets/images/banner_3.svg';
import banner4 from '@/assets/images/banner_4.svg';

import singleBg from '@/assets/images/ic_bg_assembly.svg';
import infiniteBg from '@/assets/images/ic_bg_infinite.svg';
import menuDefaultImg from '@/assets/images/ic_icon_default.svg';

import mianImg from '@/assets/images/icon_message_mian.svg';
import xianImg from '@/assets/images/icon_message_xian.svg';

import nodeImg from '@/assets/images/ic_none.svg';
import fadeImg from '@/assets/images/ic_fadeout.svg';

import oneImg from '@/assets/images/one.svg';
import twoImg from '@/assets/images/two.svg';
import fourImg from '@/assets/images/four.svg';

import dashboardStypeImg1 from '@/assets/images/first-dash.png';
import dashboardStypeImg2 from '@/assets/images/sec-dash.png';
import dashboardStypeImg3 from '@/assets/images/third-dash.png';
import dashboardStypeImg4 from '@/assets/images/fourth-dash.png';
import dashboardStyleImg5 from '@/assets/images/fifth-dash.png';
import dashboardStyleImg6 from '@/assets/images/six-dash.png';
import dashboardStyleImg7 from '@/assets/images/seven-dash.png';

import leftImg from '@/assets/images/layout-left.png';
import centerImg from '@/assets/images/layout-center.png';
import rightImg from '@/assets/images/layout-right.png';

import tabImg0 from '@/assets/images/tab0.svg';
import tabImg1 from '@/assets/images/tab1.svg';
import tabImg2 from '@/assets/images/tab2.svg';
import tabImg3 from '@/assets/images/tab3.svg';

import bannerImg1 from '@/assets/images/isBannerStyle.svg';
import bannerImg2 from '@/assets/images/noBannerStyle.svg';
import bannerImg3 from '@/assets/images/bannerImg3.svg';
import bannerImg4 from '@/assets/images/bannerImg4.svg';

import cardImg1 from '@/assets/images/card1.png';
import cardImg2 from '@/assets/images/card2.png';

import accBaImg1 from '@/assets/images/balance_detail_bg.png';

import planCard1 from '@/assets/images/plan-card1.svg';
import planCard2 from '@/assets/images/plan-card2.svg';

import mobileDash1 from '@/assets/images/mobile-dash1.png';

import offerCard1 from '@/assets/images/img_offer_card_1.svg';
import offerCard2 from '@/assets/images/img_offer_card_2.svg';
import offerCard4 from '@/assets/images/img_offer_card_4.svg';
import offerCard3 from '@/assets/images/img_offer_card_3.svg';
import offerCard5 from '@/assets/images/img_offer_card_5.svg';
import planCardLi1 from '@/assets/images/img_plan_card_1.svg';

import subsInfo1 from '@/assets/images/subsInfo0.svg';
import subsInfo2 from '@/assets/images/subsInfo1.svg';

import eSaleCricle from '@/assets/images/eSale/eSale_cricle.png';
import eSaleCricleH from '@/assets/images/eSale/eSale_cricle_H.png';
import eSaleCricleV from '@/assets/images/eSale/eSale_cricle_V.png';
import eSaleLine from '@/assets/images/eSale/eSale_line.png';
import eSaleLineH from '@/assets/images/eSale/eSale_line_H.png';
import eSaleLineV from '@/assets/images/eSale/eSale_line_V.png';

import familyPlanCard1 from '@/assets/images/plan_card_1.svg';

import specialOffer from '@/assets/images/special_offer.svg';
import dashLayout1 from '@/assets/images/dash_layout_1.svg';
import dashLayout2 from '@/assets/images/dash_layout_2.svg';

import marketCard1 from '@/assets/images/market_card_1.svg';
import marketCard2 from '@/assets/images/market_card_2.svg';
import marketCard3 from '@/assets/images/market_card_3.svg';

import notificationDesign1 from '@/assets/images/notification_design_1.svg';
import notificationDesign2 from '@/assets/images/notification_design_2.svg';

interface dirProps {
  key: number;
  value: 'L' | 'R' | 'D' | 'U';
  image: string;
}

interface dyProps {
  key: number;
  value: '0' | '1';
  image: string;
}
interface graProps {
  key: number;
  value: 'T' | 'L' | 'R';
  image: string;
}

interface floorProps {
  key: number;
  value: 'R1C1' | 'R1C2' | 'R1C3' | 'L2R1' | 'L1R2' | 'INF' | 'R1C4' | 'R2C2';
  image: string;
}

interface bannerProps {
  key: number;
  value: 'banner1' | 'banner2' | 'account2' | 'account1';
  image: string;
}

interface NotificationBarDesignTypeProps {
  key: number;
  value: '1' | '2';
  image: string;
}

interface videoProps {
  key: number;
  value: 'single' | 'double' | 'multi';
  image: string;
}

interface menuProps {
  key: number;
  value: 'noTab4' | 'noTab8' | 'withTab4' | 'withTab8' | 'noTab3' | 'noTab6' | 'withTab3' | 'withTab6';
  image: string;
}

interface menuBannerProps {
  key: number;
  value: 'noTab2' | 'noTab6' | 'withTab2' | 'withTab6';
  image: string;
}

interface picProps {
  src: string;
  link: string;
  iconName?: string;
  width: number;
  height: number;
}
interface bannerItemProps {
  iconUrl: string;
  menuName: string;
  menuCode: string;
  lock: boolean;
}
interface videoEmptyProps {
  source: string; // img or video
  src: string;
  width: number;
  height: number;
  iconName: string;
  loginState: string;
  linkType: string;
  link: string;
  linkId: string;
  moreBtnName: string;
  miniVideoSrc: string; // 首页video
  standardVideoSrc: string; // 详情video
  videoPosterSrc: string; // 视频海报
  videoTitle: string; // 详情标题
  videoDesc: string; // 视频描述
  videoBtnName: string; // 视频页面按钮名称
  videoBtnLink: string; // 视频按钮链接
  videoBtnLinkType: string; // 按钮链接类型
  videoBtnLinkId: string; // 小程序配置按钮链接id
  videoCTAName: string; // CTA 名称
  videoCTALink: string;
  videoCTALinkType: string;
  videoCTALinkId: string;
  closable: boolean; // 是否展示删除按钮
  showDetailPage: string;
}

interface iconProps {
  key: number;
  value: '0' | '1';
  image: string;
}

interface marginProps {
  label: string;
  value: '8' | '12' | '16';
}

interface fsProps {
  label: string;
  value: '12' | '14' | '16';
}

interface linkProps {
  label: string;
  value: string;
}

interface groupProps {
  label: string;
  value: '0' | '1' | '2';
}

interface pageProps {
  key: number;
  value: 'two' | 'four';
  image: string;
}

interface promoProps {
  key: number;
  value: 'one' | 'two' | 'four';
  image: string;
}

interface dashboardTypeProps {
  key: number;
  value: string;
  // value: '1' | '2' | '3' | '4' | '5' | '6' | '7'｜'histogram' | 'circularDiagram';
  image: string;
}

interface JoinTypeProps {
  key: number;
  value: string;
  info: string;
}

interface themeProps {
  key: number;
  value: '1' | '2' | '3' | '4' | '5';
  info: string;
}

interface sortProps {
  key: number;
  value: string;
  name: string;
  disable: boolean;
  isDefault: string;
}

export const TIME_FORMAT = {
  DISPLAY: 'YYYY-MM-DD HH:mm:ss',
  PARAM: 'YYYYMMDDHHmmss',
  DISPLAY_DAY: 'YYYY-MM-DD',
  PARAM_DAY: 'YYYYMMDD',
  DISPLAY_DAY_HOUR_MINUTE: 'YYYY-MM-DD HH:mm',
};

export const ADVERTISEMENT_STATUS = {
  DRAFT: 'D',
  PUBLISHED: 'P',
  UNPUBLISH: 'U',
  WAITNG_TO_PUBLISH: 'W',
};

export const PAGE_STATUS = [
  {
    label: 'Published',
    key: 'P',
    countKey: 'publishedCount',
  },
  {
    label: 'Draft',
    key: 'D',
    countKey: 'draftCount',
  },
  {
    label: 'Retired',
    key: 'U',
    countKey: 'retiredCount',
  },
];

// 日期格式带时分秒
export const DATE_FORMAT_WITH_TIME: string = 'YYYY-MM-DD HH:mm:ss';

// 日期格式不带时分秒
export const DATE_FORMAT_WITHOUT_TIME: string = 'YYYY-MM-DD';

// 日期时间带时分秒时间戳
export const DATE_TIME_STAMP: string = 'YYYYMMDDHHmmss';

export const TOKEN_KEY: string = 'X-CSRF-TOKEN';

export const HOT_NEW_DEFAULT_TEXT: string = 'Type the text here';

export const NUM_TEST: RegExp = /^[0-9]*$/;

export const NEW_NUM_TEST: RegExp = /^\+?[1-9][0-9]*$/;

export const DIRECTION_LIST: dirProps[] = [
  {
    key: 1,
    value: 'R',
    image: imgRight,
  },
  {
    key: 2,
    value: 'L',
    image: imgLeft,
  },
  {
    key: 3,
    value: 'U',
    image: imgUp,
  },
  {
    key: 4,
    value: 'D',
    image: imgDown,
  },
];

export const DYNAMIC_LIST: dyProps[] = [
  {
    key: 1,
    value: '0',
    image: nodeImg,
  },
  {
    key: 2,
    value: '1',
    image: fadeImg,
  },
];

export const GRAPHIC_FLOOR_STYLE_LIST: graProps[] = [
  {
    key: 1,
    value: 'T',
    image: topImage,
  },
  {
    key: 2,
    value: 'L',
    image: leftImage,
  },
  {
    key: 3,
    value: 'R',
    image: rightImage,
  },
];
// R1C1 // 一行一列
// R1C2 //一行两列
// R1C3 //一行三列

// L2R1 // 左二右一
// L1R2 // 左一右二

// INF  //最后一个（表示无限的）
export const FLOOR_LIST: floorProps[] = [
  {
    key: 1,
    value: 'R1C1',
    image: layImg1,
  },
  {
    key: 2,
    value: 'R1C2',
    image: layImg2,
  },
  {
    key: 3,
    value: 'R1C3',
    image: layImg3,
  },
  {
    key: 6,
    value: 'INF',
    image: layImg6,
  },
  {
    key: 8,
    value: 'R2C2',
    image: layImg8,
  },
  {
    key: 4,
    value: 'L1R2',
    image: layImg4,
  },
  {
    key: 5,
    value: 'L2R1',
    image: layImg5,
  },
  {
    key: 7,
    value: 'R1C4',
    image: layImg7,
  },
];

export const BANNER_STYLE_LIST: bannerProps[] = [
  {
    key: 1,
    value: 'banner1', // 'noTab2',
    image: bannerImg1,
  },
  {
    key: 2,
    value: 'banner2', // 'noTab4',
    image: bannerImg2,
  },
  {
    key: 3,
    value: 'account2',
    image: bannerImg3,
  },
  {
    key: 4,
    value: 'account1',
    image: bannerImg4,
  },
];

export const EMPTY_PICTURE_LIST: picProps[] = Array.from({ length: 6 }).map(() => ({
  src: singleBg,
  link: '',
  width: 0,
  height: 0,
}));

export const EMPTY_INF_PICTURE_LIST: picProps[] = Array.from({ length: 6 }).map(() => ({
  src: infiniteBg,
  link: '',
  iconName: '',
  width: 0,
  height: 0,
}));

export const EMPTY_VIDEO_LIST: videoEmptyProps[] = Array.from({ length: 2 }).map(() => ({
  source: 'video', // img or video
  src: '',
  width: 0,
  height: 0,
  iconName: '',
  loginState: 'N',
  linkType: '',
  link: '',
  linkId: '',
  moreBtnName: 'More',
  miniVideoSrc: '', // 首页video
  standardVideoSrc: '', // 详情video
  videoPosterSrc: '', // 视频海报
  videoTitle: '', // 详情标题
  videoDesc: '', // 视频描述
  videoBtnName: '', // 视频页面按钮名称
  videoBtnLink: '', // 视频按钮链接
  videoBtnLinkType: '', // 按钮链接类型
  videoBtnLinkId: '', // 小程序配置按钮链接id
  videoCTAName: '', // CTA 名称
  videoCTALink: '',
  videoCTALinkType: '',
  videoCTALinkId: '',
  closable: false, // 是否展示删除按钮
  showDetailPage: 'Y',
}));

export const EMPTY_INF_VIDEO_LIST: videoEmptyProps[] = Array.from({ length: 3 }).map(() => ({
  source: 'video', // img or video
  src: '',
  width: 0,
  height: 0,
  iconName: '',
  loginState: 'N',
  linkType: '',
  link: '',
  linkId: '',
  moreBtnName: 'More',
  miniVideoSrc: '', // 首页video
  standardVideoSrc: '', // 详情video
  videoPosterSrc: '', // 视频海报
  videoTitle: '', // 详情标题
  videoDesc: '', // 视频描述
  videoBtnName: '', // 视频页面按钮名称
  videoBtnLink: '', // 视频按钮链接
  videoBtnLinkType: '', // 按钮链接类型
  videoBtnLinkId: '', // 小程序配置按钮链接id
  videoCTAName: '', // CTA 名称
  videoCTALink: '',
  videoCTALinkType: '',
  videoCTALinkId: '',
  closable: false, // 是否展示删除按钮
  showDetailPage: 'Y',
}));

export const MENU_STYLE_LIST: menuProps[] = [
  {
    key: 1,
    value: 'noTab4',
    image: menu1,
  },
  {
    key: 2,
    value: 'noTab8',
    image: menu2,
  },
  {
    key: 3,
    value: 'withTab4',
    image: menu3,
  },
  {
    key: 4,
    value: 'withTab8',
    image: menu4,
  },
  {
    key: 5,
    value: 'noTab3',
    image: menu5,
  },
  {
    key: 6,
    value: 'noTab6',
    image: menu6,
  },
  {
    key: 7,
    value: 'withTab3',
    image: menu7,
  },
  {
    key: 8,
    value: 'withTab6',
    image: menu8,
  },
];

export const MENU_BANNER_STYLE_LIST: menuBannerProps[] = [
  {
    key: 1,
    value: 'noTab2',
    image: banner1,
  },
  {
    key: 2,
    value: 'noTab6',
    image: banner2,
  },
  {
    key: 3,
    value: 'withTab2',
    image: banner3,
  },
  {
    key: 4,
    value: 'withTab6',
    image: banner4,
  },
];
export const MENU_STYLE_LIST_BX: menuProps[] = [
  {
    key: 1,
    value: 'noTab3',
    image: menu13,
  },
  {
    key: 2,
    value: 'noTab4',
    image: menu1,
  },
  {
    key: 3,
    value: 'noTab6',
    image: menu23,
  },
  {
    key: 4,
    value: 'noTab8',
    image: menu2,
  },
];

export const MENU_ICON_LIST: picProps[] = Array.from({ length: 16 }).map(() => ({
  src: menuDefaultImg,
  link: '',
  iconName: '',
  width: 0,
  height: 0,
}));

export const BANNER_MENU_LIST: bannerItemProps[] = Array.from({ length: 16 }).map(() => ({
  iconUrl: menuDefaultImg,
  menuName: '',
  menuCode: '',
  state: 'A',
  lock: false,
}));

export const ICON_STYLE_BG_LIST: iconProps[] = [
  {
    key: 1,
    value: '0',
    image: xianImg,
  },
  {
    key: 2,
    value: '1',
    image: mianImg,
  },
];

export const TOP_MARGIN_LIST: marginProps[] = [
  {
    label: 'Small',
    value: '8',
  },
  {
    label: 'Medium',
    value: '12',
  },
  {
    label: 'Large',
    value: '16',
  },
];

export const FONT_SIZE_LIST: fsProps[] = [
  {
    label: 'Small',
    value: '12',
  },
  {
    label: 'Medium',
    value: '14',
  },
  {
    label: 'Large',
    value: '16',
  },
];

export const BILL_MONTH_LIST = [
  {
    label: 'Last 3 Months',
    value: 3,
  },
  {
    label: 'Last 6 Months',
    value: 6,
  },
  {
    label: 'Last 12 Months',
    value: 12,
  },
];

export const LINK_TYPE_LIST: linkProps[] = [
  // {
  //   label: 'None',
  //   value: '0',
  // },
  {
    label: 'App Native',
    value: '1',
  },
  {
    label: 'Webview',
    value: '2',
  },
  {
    label: 'Html5',
    value: '3',
  },
  {
    label: 'Browser',
    value: '4',
  },
  {
    label: 'React Native',
    value: '5',
  },
  {
    label: 'Mini-program',
    value: '6',
  },
  {
    label: 'Dial Link',
    value: '7',
  },
  {
    label: 'Embedded Browser Window(Custom Tab/Safari)',
    value: '8',
  },
];

export const GROUP_SETTING_LIST: groupProps[] = [
  {
    label: 'Normal',
    value: '0',
  },
  {
    label: 'Prepaid',
    value: '1',
  },
  {
    label: 'Postpaid',
    value: '2',
  },
];

export const PAGE_LIST: pageProps[] = [
  {
    key: 2,
    value: 'two',
    image: layImg2,
  },
  {
    key: 3,
    value: 'four',
    image: fourImg,
  },
];

export const PROMO_LIST: promoProps[] = [
  {
    key: 1,
    value: 'one',
    image: oneImg,
  },
  {
    key: 2,
    value: 'two',
    image: twoImg,
  },
  {
    key: 3,
    value: 'four',
    image: fourImg,
  },
];

export const DASHBOARD_LIST: dashboardTypeProps[] = [
  {
    key: 1,
    value: '1',
    image: dashboardStypeImg1,
  },
  {
    key: 2,
    value: '2',
    image: dashboardStypeImg2,
  },
  {
    key: 3,
    value: '3',
    image: dashboardStypeImg3,
  },
  {
    key: 4,
    value: '4',
    image: dashboardStypeImg4,
  },
  {
    key: 5,
    value: '5',
    image: dashboardStyleImg5,
  },
  {
    key: 6,
    value: '6',
    image: dashboardStyleImg6,
  },
  {
    key: 7,
    value: '7',
    image: dashboardStyleImg7,
  },
];

export const DASHBOARD_LAYOUT_LIST: dashboardTypeProps[] = [
  {
    key: 1,
    value: '1',
    image: dashLayout1,
  },
  {
    key: 2,
    value: '2',
    image: dashLayout2,
  },
];

export const ESALES_DASH_TYPE = {
  CRICLE: 'circularDiagram',
  HISTOGRAM: 'histogram',
};
export const ESALES_LAYOUT_TYPE = {
  H: 'horizontal',
  V: 'vertical',
};

export const ESALES_INVENTORY_LIST: dashboardTypeProps[] = [
  {
    key: 1,
    value: ESALES_DASH_TYPE.CRICLE, // 饼图
    image: eSaleCricle,
  },
  {
    key: 2,
    value: ESALES_DASH_TYPE.HISTOGRAM, // 柱状图
    image: eSaleLine,
  },
];
export const ESALES_LAYOUT_LIST: any = {
  [ESALES_DASH_TYPE.CRICLE]: [
    {
      key: 11,
      value: ESALES_LAYOUT_TYPE.H,
      image: eSaleCricleH,
    },
    {
      key: 12,
      value: ESALES_LAYOUT_TYPE.V,
      image: eSaleCricleV,
    },
  ],
  [ESALES_DASH_TYPE.HISTOGRAM]: [
    {
      key: 21,
      value: ESALES_LAYOUT_TYPE.H,
      image: eSaleLineH,
    },
    {
      key: 22,
      value: ESALES_LAYOUT_TYPE.V,
      image: eSaleLineV,
    },
  ],
};
export const FIXED_DASHBOARD_LIST: any[] = [
  {
    key: 1,
    value: '1',
    image: fixedDashStyleImg1,
  },
  {
    key: 2,
    value: '2',
    image: fixedDashStyleImg2,
  },
];

export const JOIN_LIST: JoinTypeProps[] = [
  {
    key: 1,
    value: 'Devices',
    info: 'Devices',
  },
  {
    key: 2,
    value: 'Plans',
    info: 'Plans',
  },
  {
    key: 3,
    value: 'FMC',
    info: 'FMC',
  },
];

export const DASHBOARD_THEME_LIST: themeProps[] = [
  {
    key: 1,
    value: '1',
    info: 'Normal',
  },
  {
    key: 2,
    value: '2',
    info: 'Football',
  },
  {
    key: 3,
    value: '3',
    info: 'Christmas',
  },
  {
    key: 4,
    value: '4',
    info: 'Ramadan',
  },
  {
    key: 5,
    value: '5',
    info: 'Circle',
  },
];
export const SUCCESS_THEME_LIST: any[] = [
  {
    key: 1,
    value: 'onboarding',
    info: 'Onboarding',
  },
];
export const MUTI_THEME_OBJ: any = {
  1: {
    phoneNumberColor: '#fff', // 头部号码颜色
    phoneNumberBgColor: '#242424',
    balOrBillLinkColor: '#1700E8',
    infoList: [
      {
        typeId: '1',
        titleColor: '#242424',
        highlightColor: '#2727D0',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '2',
        titleColor: '#FFC300',
        highlightColor: '#FFC300',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '3',
        titleColor: '#07D39F',
        highlightColor: '#07D39F',
        bottomColor: '#E6E6E6',
      },
    ],
  },
  2: {
    phoneNumberBgColor: '#002641',
    balOrBillLinkColor: '#0077A6',
    infoList: [
      {
        typeId: '1',
        titleColor: '#002641',
        highlightColor: '#008736',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '2',
        titleColor: '#002641',
        highlightColor: '#FABB00',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '3',
        titleColor: '#002641',
        highlightColor: '#0077A6',
        bottomColor: '#E6E6E6',
      },
    ],
  },
  3: {
    phoneNumberBgColor: '#011E5A',
    balOrBillLinkColor: '#BE0A0D',
    infoList: [
      {
        typeId: '1',
        titleColor: '#002641',
        highlightColor: '#011E5A',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '2',
        titleColor: '#002641',
        highlightColor: '#FABB00',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '3',
        titleColor: '#002641',
        highlightColor: '#BE0A0D',
        bottomColor: '#E6E6E6',
      },
    ],
  },
  4: {
    phoneNumberBgColor: '#008736',
    balOrBillLinkColor: '#0077A6',
    infoList: [
      {
        typeId: '1',
        titleColor: '#002641',
        highlightColor: '#009704',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '2',
        titleColor: '#002641',
        highlightColor: '#FABB00',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '3',
        titleColor: '#002641',
        highlightColor: '#0C1C76',
        bottomColor: '#E6E6E6',
      },
    ],
  },
  5: {
    phoneNumberBgColor: '#0333D1',
    balOrBillLinkColor: '#002641',
    infoList: [
      {
        typeId: '1',
        titleColor: '#002641',
        highlightColor: '#0487FF',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '2',
        titleColor: '#002641',
        highlightColor: '#FABB00',
        bottomColor: '#E6E6E6',
      },
      {
        typeId: '3',
        titleColor: '#002641',
        highlightColor: '#032EC7',
        bottomColor: '#E6E6E6',
      },
    ],
  },
};
export const MUTI_DASHBOARD_THEME_LIST: themeProps[] = [
  {
    key: 1,
    value: '1',
    info: 'Blue Classic',
  },
  {
    key: 2,
    value: '2',
    info: 'Clean Green',
  },
  {
    key: 3,
    value: '3',
    info: 'National Day',
  },
  {
    key: 4,
    value: '4',
    info: 'World Cup',
  },
  {
    key: 5,
    value: '5',
    info: 'Olympic Games',
  },
];

export const CONDITION_SORT_LIST: sortProps[] = [
  {
    key: 1,
    value: '0',
    name: 'Recommend',
    disable: false,
    isDefault: 'Y',
  },
  {
    key: 2,
    value: '1',
    name: 'Price high to low',
    disable: false,
    isDefault: 'N',
  },
  {
    key: 3,
    value: '2',
    name: 'Price low to high',
    disable: false,
    isDefault: 'N',
  },
  {
    key: 4,
    value: '3',
    name: 'New Arrivals',
    disable: false,
    isDefault: 'N',
  },
  {
    key: 5,
    value: '4',
    name: 'Best Sellers',
    disable: true,
    isDefault: 'N',
  },
  {
    key: 6,
    value: '5',
    name: 'Top Rated',
    disable: true,
    isDefault: 'N',
  },
];

export const CONDITION_FILTER_LIST: any[] = [
  {
    key: 1,
    value: '1',
    name: 'Brand',
  },
  {
    key: 2,
    value: '2',
    name: 'Color',
  },
];

export const VIDEO_FLOOR_LIST: videoProps[] = [
  {
    key: 1,
    value: 'single',
    image: layImg1,
  },
  {
    key: 2,
    value: 'double',
    image: layImg2,
  },
  {
    key: 6,
    value: 'multi',
    image: layImg6,
  },
];

export const POSITION_LIST: any[] = [
  {
    key: 1,
    value: 'left',
    image: leftImg,
  },
  {
    key: 2,
    value: 'center',
    image: centerImg,
  },
  {
    key: 3,
    value: 'right',
    image: rightImg,
  },
];

export const PO_LIST: any[] = [
  {
    key: 1,
    value: 'left',
    image: leftImg,
  },
  {
    key: 2,
    value: 'center',
    image: centerImg,
  },
  // {
  //   key: 3,
  //   value: 'right',
  //   image: rightImg,
  // },
];

export const ICON_PO_LIST: any[] = [
  {
    key: 1,
    value: 'L',
    image: leftImg,
  },
  {
    key: 2,
    value: 'R',
    image: rightImg,
  },
];

export const TITLE_PO_LIST: any[] = [
  {
    key: 1,
    value: 'Left',
    image: leftImg,
  },
  {
    key: 2,
    value: 'Center',
    image: centerImg,
  },
  {
    key: 3,
    value: 'Right',
    image: rightImg,
  },
];

export const MUTI_DASHBOARD_LIST: any[] = [
  {
    key: '1',
    value: 'Prepaid-Unfold',
  },
  {
    key: '2',
    value: 'Prepaid-PackUp',
  },
  {
    key: '3',
    value: 'Prepaid-isTop',
  },
  {
    key: '4',
    value: 'Postpaid-Unfold',
  },
  {
    key: '5',
    value: 'Prepaid-PackUp',
  },
  {
    key: '6',
    value: 'Postpaid-isTop',
  },
];

export const EMPTY_PRESENT_LIST: any[] = [
  {
    key: 'D',
    value: 'Data-Present',
  },
  {
    key: 'E',
    value: 'Empty State',
  },
];

/* FeatureList */
export const FEATURELIST: any[] = [
  {
    feature: 'GENERAL',
    featureName: 'General',
    pageTypeList: [
      {
        pageType: '1',
        pageTypeName: 'APP Native',
      },
      {
        pageType: '2',
        pageTypeName: 'H5(compatible with both mobile and PC)',
      },
      {
        pageType: '3',
        pageTypeName: 'React Native',
      },
    ],
  },
  // {
  //   feature: 'BUY_PASS',
  //   featureName: 'Buy Pass',
  //   pageTypeList: [{
  //     pageType: '2',
  //     pageTypeName: 'H5(compatible with both mobile and PC)',
  //   }],
  // },
];

export const SUPPORTED_TYPE = { 1: ['1'], 2: ['2'], 3: ['2', '3'] };

export const CONTAINER_LIST = [
  {
    groupId: -1,
    groupName: 'Container',
    groupCode: 'CONTAINER',
    thumbnail: '',
    subGroupList: [
      {
        groupId: -10,
        groupName: 'Container',
        thumbnail: '',
        componentList: [
          {
            componentCode: 'Layout',
            componentName: 'Container 1',
            componentVerSeq: 1,
            codeExtractedPath: '',
            componentVerId: 1,
            componentIcon: '',
            containerType: 'Layout1',
          },
          {
            componentCode: 'Layout',
            componentName: 'Container 2',
            componentVerSeq: 1,
            codeExtractedPath: '',
            componentVerId: 1,
            componentIcon: '',
            containerType: 'Layout2',
          },
          {
            componentCode: 'Layout',
            componentName: 'Container 3',
            componentVerSeq: 1,
            codeExtractedPath: '',
            componentVerId: 1,
            componentIcon: '',
            containerType: 'Layout3',
          },
          {
            componentCode: 'Layout',
            componentName: 'Container 4',
            componentVerSeq: 1,
            codeExtractedPath: '',
            componentVerId: 1,
            componentIcon: '',
            containerType: 'Layout4',
          },
        ],
      },
    ],
  },
];

// 新菜单列表
export const MENULIST: any[] = [
  {
    firstCatg: 'Container',
    component: 'containerComponents',
    children: [
      {
        parType: 'Container',
        lastChildren: [
          {
            type: 'Layout',
            containerType: 'Layout1',
            name: 'component 1',
            applyPageTypes: '1,2',
          },
          {
            type: 'Layout',
            containerType: 'Layout2',
            name: 'component 2',
            applyPageTypes: '1,2',
          },
          {
            type: 'Layout',
            containerType: 'Layout3',
            name: 'component 3',
            applyPageTypes: '1,2',
          },
          {
            type: 'Layout',
            containerType: 'Layout4',
            name: 'component 4',
            applyPageTypes: '1,2',
          },
        ],
      },
    ],
  },
  {
    firstCatg: 'General',
    component: 'generalComponents',
    children: [
      {
        parType: 'Toolbar',
        lastChildren: [
          {
            name: 'Toolbar',
            type: 'NewToolbar',
            applyPageTypes: '1',
          },
          {
            type: 'GreetingsToolbar',
            name: 'Greetings Toolbar',
            applyPageTypes: '1',
          },
        ],
      },
      {
        parType: 'Banner',
        lastChildren: [
          {
            type: 'CarouselPost',
            name: 'Carousel Banner',
            applyPageTypes: '1,2',
          },
          {
            type: 'SinglePost',
            name: 'Single Banner',
            applyPageTypes: '1,2',
          },
          {
            type: 'FloorPoster',
            name: 'Mixed Banner',
            applyPageTypes: '1,2',
          },
          {
            type: 'CountdownPost',
            name: 'Countdown',
            applyPageTypes: '1,2',
          },
        ],
      },
      {
        parType: 'Multimedia',
        lastChildren: [
          {
            type: 'EnhancedVideos',
            name: 'Enhanced Videos',
            applyPageTypes: '1,2',
          },
        ],
      },
      {
        parType: 'Navigation',
        lastChildren: [
          {
            type: 'Icon',
            name: 'Quick Access',
            applyPageTypes: '1,2',
          },
        ],
      },
      {
        parType: 'Notice/News',
        lastChildren: [
          {
            type: 'GraphicPost',
            name: 'Graphic Article',
            applyPageTypes: '1,2',
          },
          {
            type: 'HotNews',
            name: 'Hot News',
            applyPageTypes: '1',
          },
        ],
      },
      {
        parType: 'Footer',
        lastChildren: [
          {
            type: 'WEBFooter',
            name: 'Footer',
            applyPageTypes: '2',
          },
        ],
      },
      {
        parType: 'Others',
        lastChildren: [
          {
            type: 'TouristGuide',
            name: 'Tourist Guiding Page',
            applyPageTypes: '1',
          },
          {
            type: 'CustomizedComponent',
            name: 'Customized Component',
            applyPageTypes: '1',
          },
          {
            type: 'BackgroundImage',
            name: 'Background Image',
            applyPageTypes: '1',
          },
        ],
      },
    ],
  },
  {
    firstCatg: 'Telecom',
    component: 'telecomComponents',
    children: [
      {
        parType: 'Dashboard',
        lastChildren: [
          {
            type: 'Dashboard',
            name: 'Balance Dashboard',
            applyPageTypes: '1',
          },
          {
            type: 'MutiBalanceDashboard',
            name: 'Multi-form Balance Dashboard',
            applyPageTypes: '1',
          },
          {
            type: 'MutiBalanceDashboardAI',
            name: 'Multi-form Balance Dashboard AI',
            applyPageTypes: '1',
          },
          {
            type: 'BroadbandAccount',
            name: 'Fixed Dashboard',
            applyPageTypes: '1',
          },
          {
            type: 'BundleDashboard',
            name: 'Bundle Dashboard',
            applyPageTypes: '1',
          },
          {
            type: 'BalanceDashboardWeb',
            name: 'Balance Dashboard',
            applyPageTypes: '2',
          },
        ],
      },
      {
        parType: 'Recharge',
        lastChildren: [
          {
            type: 'TopUp',
            name: 'Quick Top Up',
            applyPageTypes: '1',
          },
          {
            type: 'QuickRecharge',
            name: 'Quick Recharge',
            applyPageTypes: '2',
          },
        ],
      },
      {
        parType: 'Information',
        lastChildren: [
          {
            type: 'SubsInfo',
            name: 'Subscriber Info',
            applyPageTypes: '2',
          },
        ],
      },
      {
        parType: 'Query',
        lastChildren: [
          {
            type: 'RecentPayments',
            name: 'Recent Orders',
            applyPageTypes: '2',
          },
          {
            type: 'UsageTrendsProd',
            name: 'Usage Trends Dashboard',
            applyPageTypes: '2',
          },
        ],
      },
    ],
  },
  {
    firstCatg: 'Campaign',
    component: 'campaignComponents',
    children: [
      {
        parType: 'Campaign',
        lastChildren: [
          {
            type: 'MarketingBannerProd',
            name: 'Marketing Banner',
            applyPageTypes: '1,2',
          },
          {
            type: 'CountdownPost',
            name: 'Countdown',
            applyPageTypes: '1,2',
          },
        ],
      },
    ],
  },
  {
    firstCatg: 'Shop',
    component: 'shopComponents',
    children: [
      {
        parType: 'Points Mall',
        lastChildren: [
          {
            type: 'NavigationBar',
            name: 'Points Mall Search Bar',
            applyPageTypes: '2',
          },
          {
            type: 'QuickRedemption',
            name: 'Quick Point Redemption',
            applyPageTypes: '2',
          },
          {
            type: 'InformationBar',
            name: 'Points Dashboard',
            applyPageTypes: '2',
          },
          {
            type: 'TabCategory',
            name: 'Points Mall Shelf',
            applyPageTypes: '2',
          },
        ],
      },
      {
        parType: 'Shopping Mall',
        lastChildren: [
          {
            type: 'WEBDevices',
            name: 'Merchandise Shelf',
            applyPageTypes: '2',
          },
        ],
      },
    ],
  },
];

// buy offermock数据
export const CATG_OFFER_LIST: any[] = [
  {
    key: '1',
    name: 'All Offers',
    icon: 'icon-all-tab',
    secCatgList: [
      {
        secName: 'Data',
        secKey: '1',
        icon: 'icon-data',
        offerList: [
          {
            offerId: '1',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '2',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '3',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '4',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '5',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '6',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '7',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '8',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '9',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '10',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
        ],
      },
      {
        secName: 'SMS',
        secKey: '2',
        icon: 'icon-sms',
        offerList: [
          {
            offerId: '1',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '2',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '3',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '4',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '5',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '6',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '7',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '8',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '9',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '10',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
        ],
      },
      {
        secName: 'Call',
        secKey: '3',
        icon: 'icon-call',
        offerList: [
          {
            offerId: '1',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '2',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '3',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '4',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '5',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '6',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '7',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '8',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '9',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
          {
            offerId: '10',
            name: 'USA/Canada Data Special for You',
            amount: '100MB',
            desc: 'Valid 30 days',
            price: '€39.00',
            btn: 'Buy Now',
          },
        ],
      },
    ],
  },
  {
    key: '2',
    name: 'Data',
    icon: 'icon-data-tab',
    offerList: [
      {
        offerId: '1',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '2',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '3',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '4',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '5',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '6',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '7',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '8',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '9',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '10',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '11',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '12',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
    ],
  },
  {
    key: '3',
    name: 'SMS',
    icon: 'icon-sms-tab',
    offerList: [
      {
        offerId: '1',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '2',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '3',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
    ],
  },
  {
    key: '4',
    name: 'Call',
    icon: 'icon-call-tab',
    offerList: [
      {
        offerId: '1',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '2',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
      {
        offerId: '3',
        name: 'USA/Canada Data Special for You',
        amount: '100MB',
        desc: 'Valid 30 days',
        price: '€39.00',
        btn: 'Buy Now',
        discount: '€ 50',
      },
    ],
  },
  {
    key: '5',
    name: 'Roaming',
    icon: 'icon-ic_roaming',
    offerList: [],
  },
];

export const SPECIAL_OFFER_CARD_LIST: any[] = [
  {
    key: 1,
    value: '1',
    image: specialOffer,
  },
];

export const MARKET_CARD_LIST: any[] = [
  {
    key: 1,
    value: '1',
    image: marketCard1,
  },
  {
    key: 2,
    value: '2',
    image: marketCard2,
  },
  {
    key: 3,
    value: '3',
    image: marketCard3,
  },
];

export const FAMILY_PLAN_CARD_LIST: any[] = [
  {
    key: 1,
    value: '0',
    image: familyPlanCard1,
  },
];

export const SALES_CATG_LIST: any[] = [
  {
    key: 0,
    value: '3',
    image: tabImg0,
  },
  {
    key: 1,
    value: '0',
    image: tabImg1,
  },
  {
    key: 2,
    value: '1',
    image: tabImg2,
  },
  {
    key: 3,
    value: '2',
    image: tabImg3,
  },
];

export const ACCOUNT_BA_LIST: any[] = [
  {
    key: 1,
    value: '0',
    image: accBaImg1,
  },
];

export const OFFER_CARD_LIST: any[] = [
  {
    key: 1,
    value: '0',
    image: cardImg2,
  },
  {
    key: 2,
    value: '1',
    image: cardImg1,
  },
];

// CurrentSubsPlanProd
export const PLAN_CARD_LI: any[] = [
  {
    key: 1,
    value: '1',
    image: planCardLi1,
  },
];

export const RN_OFFER_CARD_LIST: any[] = [
  {
    key: 1,
    value: '1',
    image: offerCard1,
    buttonText: 'Buy Now',
  },
  {
    key: 4,
    value: '4',
    image: offerCard4,
    buttonText: 'Select',
  },
  {
    key: 2,
    value: '2',
    image: offerCard2,
    buttonText: '',
  },
  {
    key: 3,
    value: '3',
    image: offerCard3,
    buttonText: 'Get',
  },
  {
    key: 5,
    value: '5',
    image: offerCard5,
    buttonText: 'Get',
  },
];

export const MOBILE_DASHBOARD_LIST: any[] = [
  {
    key: 1,
    value: '1',
    image: mobileDash1,
  },
];

export const PLAN_CARD_LIST: any[] = [
  {
    key: 1,
    value: '0',
    image: planCard1,
  },
  {
    key: 2,
    value: '1',
    image: planCard2,
  },
];

export const SUBSINFO_LIST: any[] = [
  {
    key: 1,
    value: '0',
    image: subsInfo1,
  },
  {
    key: 2,
    value: '1',
    image: subsInfo2,
  },
];

export const SUBSINFO_TYPE_LIST: any[] = [
  {
    key: '1',
    value: 'Prepaid',
  },
  {
    key: '2',
    value: 'Postpaid',
  },
];

export const CONTAINER_DEVICE_LIST: any[] = [
  {
    key: 1,
    value: '0',
    info: 'App',
  },
  {
    key: 2,
    value: '1',
    info: 'Web',
  },
  {
    key: 3,
    value: '2',
    info: 'App&Web',
  },
];

export const CONTANINER_SETTING: any[] = [
  {
    key: 1,
    title: 'Top',
    min: '0',
    max: '100',
    type: 'marginTop',
  },
  {
    key: 2,
    title: 'Bottom',
    min: '0',
    max: '100',
    type: 'marginBottom',
  },
  {
    key: 3,
    title: 'Left',
    min: '0',
    max: '100',
    type: 'marginLeft',
  },
  {
    key: 4,
    title: 'Right',
    min: '0',
    max: '100',
    type: 'marginRight',
  },
  {
    key: 5,
    title: 'Column Spacing',
    min: '0',
    max: '100',
    type: 'columSpacing',
  },
];

export const RECENT_LIST: any[] = [
  {
    key: 1,
    img: cardImg2,
    orderNo: '2133243353454355',
    tag: ['Order Number'],
    date: '23 Nov 2022 14:00:00',
    total: '2029',
    unit: 'RM',
    status: 'To Pay',
  },
  {
    key: 2,
    img: cardImg2,
    orderNo: '2133243353454343',
    tag: ['Order Number'],
    date: '22 Nov 2022 14:00:00',
    total: '2029',
    unit: 'RM',
    status: 'To Pay',
  },
  {
    key: 3,
    img: cardImg2,
    orderNo: '2133243353454125',
    tag: ['Order Number'],
    date: '23 Nov 2022 14:00:00',
    total: '2029',
    unit: 'RM',
    status: 'To Pay',
  },
];

// 目前cc根据此数组区分第三方组件
export const BUILDINCOMPONENTS: any[] = [
  {
    type: 'CountdownPost',
    icon: 'icon-ic_countdown_post',
  },
  {
    type: 'MarketingBannerProd',
    icon: 'icon-ic_carousel',
  },
  {
    type: 'CountdownPost',
    icon: 'icon-ic_countdown_post',
  },
  {
    type: 'TouristGuide',
    icon: 'icon-ic_pic',
  },
  {
    type: 'CarouselPost',
    icon: 'icon-ic_countdown_post',
  },
  {
    type: 'ESalesBulletinProd',
    icon: 'icon-ic_countdown_post',
  },
  {
    type: 'MyRetailSalesProd',
    icon: 'icon-ic_dashboard1',
  },
  {
    type: 'MonthlyWholesalesAmountProd',
    icon: 'icon-icon_broadband',
  },
  {
    type: 'MembershipWidgetProd',
    icon: 'icon-ic_icon',
  },
  {
    type: 'AppFooterProd',
    icon: 'icon-ic_icon',
  },
  {
    type: 'AccountBalanceDetailProd',
    icon: 'icon-ic_icon',
  },
  {
    type: 'RichTextBlockProd',
    icon: 'icon-ic_icon',
  },
  {
    type: 'WalletBalanceProj',
  },
  {
    type: 'FunctionServiceProd',
  },
  { type: 'ELoadBalancePto' },
  {
    type: 'PackTypeInfoProj',
  },
  {
    type: 'SinglePost',
    icon: 'icon-ic_pic',
  },
  {
    type: 'GraphicPost',
    icon: 'icon-ic_graphic_post',
  },
  {
    type: 'Icon',
    icon: 'icon-ic_icon',
  },
  {
    type: 'QuickAccessProd',
    icon: 'icon-ic_icon',
  },
  {
    type: 'CountdownPost',
    icon: 'icon-ic_countdown_post',
  },
  {
    type: 'FloorPoster',
    icon: 'icon-ic_floor',
  },
  {
    type: 'HotNews',
    icon: 'icon-ic_hot_news',
  },
  {
    type: 'NewToolbar',
    icon: 'icon-ic_toorbar',
  },
  {
    type: 'JourneyToolbarProd',
  },
  {
    type: 'MobileDashboardProd',
  },
  {
    type: 'RoamingDashboardProd',
  },
  {
    type: 'JourneyPlanListProd',
  },
  {
    type: 'CurrentSubsPlanProd',
  },
  {
    type: 'SubscriptionListProd',
  },
  {
    type: 'NotificationBarProd',
  },
  {
    type: 'JourneyAvailPackListProd',
  },
  {
    type: 'EnhancedVideos',
    icon: 'icon-ic_radio',
  },
  {
    type: 'GreetingsToolbar',
    icon: 'icon-ic_toorbar',
  },
  {
    type: 'CustomizedComponent',
    icon: 'icon-ic_pic',
  },
  {
    type: 'BackgroundImage',
    icon: 'icon-ic_pic',
  },
  {
    type: 'WEBFooter',
    icon: 'icon-ic_icon',
  },
  {
    type: 'NavigationBar',
    icon: 'icon-points_4',
  },
  {
    type: 'QuickRedemption',
    icon: 'icon-points-3',
  },
  {
    type: 'InformationBar',
    icon: 'icon-points-2',
  },
  {
    type: 'TabCategory',
    icon: 'icon-points-1',
  },
  {
    type: 'WEBDevices',
    icon: 'icon-ic_icon',
  },
  {
    type: 'MutiBalanceDashboard',
    icon: 'icon-ic_dashboard1',
  },
  {
    type: 'MutiBalanceDashboardAI',
    icon: 'icon-ic_dashboard1',
  },
  {
    type: 'Dashboard',
    icon: 'icon-ic_dashboard1',
  },
  {
    type: 'ESalesInventoryProd',
    icon: 'icon-ic_dashboard1',
  },
  {
    type: 'TopUp',
    icon: 'icon-ic_topup',
  },
  {
    type: 'BroadbandAccount',
    icon: 'icon-icon_broadband',
  },
  {
    type: 'BundleDashboard',
    icon: 'icon-icon_broadband',
  },
  { type: 'TmFamilyPlanDetails' },
  {
    type: 'SubsInfo',
    icon: 'icon-icon_broadband',
  },
  {
    type: 'QuickRecharge',
    icon: 'icon-ic_topup',
  },
  {
    type: 'BalanceDashboardWeb',
    icon: 'icon-ic_dashboard1',
  },
  {
    type: 'BalanceDashboardWebProd',
    icon: 'icon-ic_dashboard1',
  },
  {
    type: 'BillingTrendsWebProd',
    icon: 'icon-ic_dashboard1',
  },
  {
    type: 'RecentPayments',
    icon: 'icon-ic_icon',
  },
  {
    type: 'UsageTrendsProd',
    icon: 'icon-ic_icon',
  },
  {
    type: 'UsageTrendsProd2',
    icon: 'icon-ic_icon',
  },
  {
    type: 'SuccessBlockProd',
    icon: 'icon-ic_icon',
  },
  {
    type: 'MarketingOfferListProd',
    icon: 'icon-ic-ai',
  },
  {
    type: 'FamilyHubDashboardProd',
  },
  {
    type: 'FamilyMembersProd',
  },
  {
    type: 'MptDashboard',
  },
  {
    type: 'MptSpecialOffer',
  },
  {
    type: 'MptQuickAccessProd',
  },
  {
    type: 'Layout',
    icon: 'icon-ic-layout1',
  },
  {
    type: 'Layout',
    icon: 'icon-ic-layout2',
  },
  {
    type: 'Layout',
    icon: 'icon-ic-layout3',
  },
  {
    type: 'Layout',
    icon: 'icon-ic-layout4',
  },
];

export const CATGICONLIST: any[] = [
  {
    type: 'GENERAL',
    icon: 'icon-ic-General',
  },
  {
    type: 'TELECOM',
    icon: 'icon-ic-Telecom',
  },
  {
    type: 'CAMPAIGN',
    icon: 'icon-ic-Campaign',
  },
  {
    type: 'SHOP',
    icon: 'icon-ic-Shop',
  },
  {
    type: 'CONTAINER',
    icon: 'icon-ic-container',
  },
  // {
  //   type: 'TESTCATG',
  //   icon: 'icon-ic-Shop',
  // },
];

export const LINE_HEIGHT_OPTIONS = [
  { value: 1.1, label: '1.1 (Extra Tight)' },
  { value: 1.2, label: '1.2 (Tight)' },
  { value: 1.3, label: '1.3 (Compact)' },
  { value: 1.4, label: '1.4 (Normal)' },
  { value: 1.5, label: '1.5 (Comfortable)' },
  { value: 1.6, label: '1.6 (Loose)' },
  { value: 1.7, label: '1.7 (Relaxed)' },
  { value: 1.8, label: '1.8 (Extra Loose)' },
];

// 默认100%
export const TERMINAL_MODEL_PERCENT: any = [75, 100, 125, 150, 200];

export const TERMINAL_MODEL_LIST: any = [
  {
    modelName: 'iPhone SE',
    width: 375,
    height: 667,
    modelCode: '1',
  },
  {
    modelName: 'iPhone 6/7/8',
    width: 375,
    height: 667,
    modelCode: '2',
  },
  {
    modelName: 'iPhone 6/7/8 Plus',
    width: 414,
    height: 736,
    modelCode: '3',
  },
  {
    modelName: 'iPhone X',
    width: 375,
    height: 812,
    modelCode: '4',
  },
  {
    modelName: 'iPhone XR',
    width: 414,
    height: 896,
    modelCode: '5',
  },
  {
    modelName: 'iPhone 12 Pro',
    width: 390,
    height: 844,
    modelCode: '6',
  },
  {
    modelName: 'iPhone 14 Pro Max',
    width: 430,
    height: 932,
    modelCode: '7',
  },
  {
    modelName: 'Pixel 7',
    width: 412,
    height: 915,
    modelCode: '8',
  },
  // {
  //   modelName: 'iPhone 12 Pro',
  //   width: 390,
  //   height: 844,
  //   modelCode: '9',
  // },
  {
    modelName: 'Samsung Galaxy S8+',
    width: 430,
    height: 932,
    modelCode: '10',
  },
  {
    modelName: 'Samsung Galaxy S20 Ultra',
    width: 412,
    height: 915,
    modelCode: '11',
  },
  {
    modelName: 'iPad Mini',
    width: 768,
    height: 1024,
    modelCode: '12',
  },
  {
    modelName: 'Nest Hub',
    width: 1024,
    height: 600,
    modelCode: '13',
  },
  {
    modelName: 'Custom Dimensions',
    width: 375,
    height: 667,
    modelCode: 'custom',
    isCustom: true,
  },
];

export const NOTIFICATION_BAR_DESIGN_TYPES: NotificationBarDesignTypeProps[] = [
  {
    key: 1,
    value: '1',
    image: notificationDesign1,
  },
  {
    key: 2,
    value: '2',
    image: notificationDesign2,
  },
];

export const arrowRight =
  '';

export const deleteImg =
  '';

/**
 * LOCAL_TEST_COMPONENTS 本地测试组件配置
 * 用于在开发阶段将AI生成组件注册到左侧菜单
 */
export const LOCAL_TEST_COMPONENTS = [
  {
    groupId: -201,
    groupName: 'Telecom',
    groupCode: 'TELECOM',
    subGroupList: [
      {
        groupId: -202,
        groupName: 'Query',
        componentList: [
          {
            componentCode: 'UsageTrendsProd2',
            componentName: 'Usage Trends Dashboard2',
            componentType: 'AI',
            propertiesSource: '1',
            stylesSource: '1',
            applyPageTypes: '2',
            groupCode: 'TELECOM',
            icon: 'icon-ic_icon',
            thumbnail: '',
            description: '展示近N个月消费/用量趋势的可视化组件，支持多类型Tab切换与hover显示对应月份与数值',
            version: '1.0.0',
            author: 'AI Assistant',
            createTime: '2025-11-11',
            isEnabled: true
          }
        ]
      }
    ]
  }
];
